﻿<!DOCTYPE html>
<html>
  <head>
    <title>1.2.1 小睡</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/1_2_1_小睡/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/1_2_1_小睡/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Rectangle (矩形) -->
      <div id="u1194" class="ax_default _形状" data-label="Rectangle">
        <div id="u1194_div" class=""></div>
        <div id="u1194_text" class="text ">
          <p><span>z</span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u1195" class="ax_default" data-left="63" data-top="32" data-width="323" data-height="18">

        <!-- Unnamed (组合) -->
        <div id="u1196" class="ax_default" data-left="350" data-top="32" data-width="29" data-height="16">

          <!-- Unnamed (矩形) -->
          <div id="u1197" class="ax_default _形状">
            <div id="u1197_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u1198" class="ax_default _形状">
            <div id="u1198_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u1199" class="ax_default _形状">
            <div id="u1199_div" class=""></div>
          </div>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u1200" class="ax_default image">
          <img id="u1200_img" class="img " src="images/1_0_闹钟页面/u175.png"/>
        </div>

        <!-- Header 2 (矩形) -->
        <div id="u1201" class="ax_default _文本段落" data-label="Header 2">
          <div id="u1201_div" class=""></div>
          <div id="u1201_text" class="text ">
            <p><span>21：25</span></p>
          </div>
        </div>

        <!-- Header 2 (矩形) -->
        <div id="u1202" class="ax_default _文本段落" data-label="Header 2">
          <div id="u1202_div" class=""></div>
          <div id="u1202_text" class="text ">
            <p><span>100%</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1203" class="ax_default label">
        <div id="u1203_div" class=""></div>
        <div id="u1203_text" class="text ">
          <p><span>2021年 4月27日 星期二&nbsp; </span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1204" class="ax_default label">
        <div id="u1204_div" class=""></div>
        <div id="u1204_text" class="text ">
          <p><span>21：25</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1205" class="ax_default box_1">
        <img id="u1205_img" class="img " src="images/1_2_闹钟响起/u1187.png"/>
        <div id="u1205_text" class="text ">
          <p><span>遛狗</span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u1206" class="ax_default" data-left="56" data-top="469" data-width="312" data-height="134">

        <!-- Unnamed (矩形) -->
        <div id="u1207" class="ax_default box_1">
          <img id="u1207_img" class="img " src="images/1_2_闹钟响起/u1190.png"/>
          <div id="u1207_text" class="text ">
            <p style="font-size:20px;"><span><br></span></p><p style="font-size:20px;"><span><br></span></p><p style="font-size:28px;"><span>小睡</span></p>
          </div>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u1208" class="ax_default image">
          <img id="u1208_img" class="img " src="images/1_2_闹钟响起/u1191.png"/>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1209" class="ax_default box_1">
        <img id="u1209_img" class="img " src="images/1_2_1_小睡/u1209.png"/>
        <div id="u1209_text" class="text ">
          <p><span>关闭</span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u1210" class="ax_default" data-left="361" data-top="554" data-width="203" data-height="109">

        <!-- Unnamed (图片) -->
        <div id="u1211" class="ax_default image">
          <img id="u1211_img" class="img " src="images/图例/u58.png"/>
        </div>

        <!-- Header 2 (矩形) -->
        <div id="u1212" class="ax_default _文本段落" data-label="Header 2">
          <div id="u1212_div" class=""></div>
          <div id="u1212_text" class="text ">
            <p><span>点击（Tap）</span></p>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u1213" class="ax_default" data-left="361" data-top="570" data-width="169" data-height="7">

          <!-- Unnamed (水平线) -->
          <div id="u1214" class="compound ax_default _水平线" WidgetHeight="1" WidgetWidth="166" CompoundMode="true">
            <img id="u1214_img" class="singleImg img " src="images/1_2_1_小睡/u1214.png"/>
            <div id="u1214p000" class="ax_vector_shape" WidgetTopLeftX="-0.488235294117647" WidgetTopLeftY="0" WidgetTopRightX="0.488235294117647" WidgetTopRightY="0" WidgetBottomLeftX="-0.488235294117647" WidgetBottomLeftY="0.166666666666667" WidgetBottomRightX="0.488235294117647" WidgetBottomRightY="0.166666666666667">
              <img id="u1214p000_img" class="img " src="images/1_2_1_小睡/u1214p000.png"/>
            </div>
            <div id="u1214p001" class="ax_vector_shape" WidgetTopLeftX="0" WidgetTopLeftY="-0.25" WidgetTopRightX="41.5" WidgetTopRightY="-0.25" WidgetBottomLeftX="0" WidgetBottomLeftY="0" WidgetBottomRightX="41.5" WidgetBottomRightY="0">
              <img id="u1214p001_img" class="img " src="images/图例/u6p001.png"/>
            </div>
            <div id="u1214p002" class="ax_vector_shape" WidgetTopLeftX="8.1" WidgetTopLeftY="0.05" WidgetTopRightX="-0.2" WidgetTopRightY="0.05" WidgetBottomLeftX="8.1" WidgetBottomLeftY="0" WidgetBottomRightX="-0.2" WidgetBottomRightY="0">
              <img id="u1214p002_img" class="img " src="images/图例/u6p002.png"/>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u1215" class="ax_default _形状">
            <div id="u1215_div" class=""></div>
          </div>
        </div>
      </div>

      <!-- Rectangle (矩形) -->
      <div id="u1216" class="ax_default _形状" data-label="Rectangle">
        <div id="u1216_div" class=""></div>
        <div id="u1216_text" class="text ">
          <p><span>z</span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u1217" class="ax_default" data-left="551" data-top="32" data-width="323" data-height="18">

        <!-- Unnamed (组合) -->
        <div id="u1218" class="ax_default" data-left="838" data-top="32" data-width="29" data-height="16">

          <!-- Unnamed (矩形) -->
          <div id="u1219" class="ax_default _形状">
            <div id="u1219_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u1220" class="ax_default _形状">
            <div id="u1220_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u1221" class="ax_default _形状">
            <div id="u1221_div" class=""></div>
          </div>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u1222" class="ax_default image">
          <img id="u1222_img" class="img " src="images/1_0_闹钟页面/u175.png"/>
        </div>

        <!-- Header 2 (矩形) -->
        <div id="u1223" class="ax_default _文本段落" data-label="Header 2">
          <div id="u1223_div" class=""></div>
          <div id="u1223_text" class="text ">
            <p><span>21：25</span></p>
          </div>
        </div>

        <!-- Header 2 (矩形) -->
        <div id="u1224" class="ax_default _文本段落" data-label="Header 2">
          <div id="u1224_div" class=""></div>
          <div id="u1224_text" class="text ">
            <p><span>100%</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1225" class="ax_default label">
        <div id="u1225_div" class=""></div>
        <div id="u1225_text" class="text ">
          <p><span>2021年 4月27日 星期二&nbsp; </span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1226" class="ax_default label">
        <div id="u1226_div" class=""></div>
        <div id="u1226_text" class="text ">
          <p><span>21：25</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1227" class="ax_default box_1">
        <img id="u1227_img" class="img " src="images/1_2_1_小睡/u1227.png"/>
        <div id="u1227_text" class="text ">
          <p><span>小睡</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1228" class="ax_default box_1">
        <img id="u1228_img" class="img " src="images/1_2_1_小睡/u1209.png"/>
        <div id="u1228_text" class="text ">
          <p><span>关闭</span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u1229" class="ax_default" data-left="547" data-top="432" data-width="312" data-height="110">

        <!-- Unnamed (矩形) -->
        <div id="u1230" class="ax_default box_1">
          <img id="u1230_img" class="img " src="images/1_2_1_小睡/u1230.png"/>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u1231" class="ax_default icon">
          <img id="u1231_img" class="img " src="images/1_2_1_小睡/u1231.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1232" class="ax_default label">
          <div id="u1232_div" class=""></div>
          <div id="u1232_text" class="text ">
            <p><span>0：57 s</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1233" class="ax_default _文本段落">
          <div id="u1233_div" class=""></div>
          <div id="u1233_text" class="text ">
            <p><span>1 minute nap</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1234" class="ax_default box_1">
        <img id="u1234_img" class="img " src="images/1_2_闹钟响起/u1187.png"/>
        <div id="u1234_text" class="text ">
          <p><span>遛狗</span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u1235" class="ax_default" data-left="56" data-top="469" data-width="312" data-height="134">

        <!-- Unnamed (矩形) -->
        <div id="u1236" class="ax_default box_1">
          <img id="u1236_img" class="img " src="images/1_2_闹钟响起/u1190.png"/>
          <div id="u1236_text" class="text ">
            <p style="font-size:20px;"><span><br></span></p><p style="font-size:20px;"><span><br></span></p><p style="font-size:28px;"><span>小睡</span></p>
          </div>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u1237" class="ax_default image">
          <img id="u1237_img" class="img " src="images/1_2_闹钟响起/u1191.png"/>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u1238" class="ax_default" data-left="78" data-top="441" data-width="113" data-height="111">

        <!-- Unnamed (图片) -->
        <div id="u1239" class="ax_default image">
          <img id="u1239_img" class="img " src="images/1_2_1_小睡/u1239.png"/>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u1240" class="ax_default icon">
          <img id="u1240_img" class="img " src="images/1_2_1_小睡/u1240.png"/>
        </div>

        <!-- Header 2 (矩形) -->
        <div id="u1241" class="ax_default _文本段落" data-label="Header 2">
          <div id="u1241_div" class=""></div>
          <div id="u1241_text" class="text ">
            <p><span>滑动（Swipe）</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1242" class="ax_default box_1">
        <img id="u1242_img" class="img " src="images/1_2_1_小睡/u1242.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1243" class="ax_default label">
        <div id="u1243_div" class=""></div>
        <div id="u1243_text" class="text ">
          <p><span>功能逻辑：</span></p><p><span>若想要设置小睡见【1.1.4】</span></p><p><span>小睡模式点击关闭选项后见【1.2.2】</span></p><p><span><br></span></p><p><span>交互逻辑：</span></p><p><span>在闹钟响起页面，向上滑动将会出现自己设置的小睡时间倒计时，在倒计时下面出现了小睡选项，闹钟将会进入小睡模式。闹铃于小睡模式时若还想继续小睡则需点击小睡选项，过了小睡时间闹钟则会再次响起【1.2】，可以以向上滑动的方式再次进入小睡，处于小睡模式和闹铃响起模式一样可以直接点击关闭选项来关闭闹钟</span></p><p><span><br></span></p><p><span>技术逻辑：</span></p><p><span>点击“小睡”选项的次数上限为5次，若小睡模式次数用完但用户仍未关闭闹钟则会继续响铃，铃声持续20min仍未被关闭则停止响铃，页面停留在【1.2】闹钟响起页面。</span></p>
        </div>
      </div>
    </div>
  </body>
</html>
